<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动</title>
		<style>
			div {
				height: 100px;
				width: 100px;
				margin: 10px;
				border: 1px solid red;
				float: right;
			}
		</style>
	</head>
	<body>
		<!-- 弹性布局 -->
		<div id="d1">1</div>
		<div id="d2">2</div>
		<div id="d3">3</div>
		<div id="d4">4</div>
		<div id="d5">5</div>
		<div id="d4" >6</div>
		<div id="d5">5</div>
		<div id="d4">4</div>
		<div id="d5">5</div>
		<div id="d4">4</div>
		<div id="d5">5</div>
		<div id="d4">4</div>
		<!-- 加在这个元素上是不行滴-->
		<!-- <div id="d5" style="clear: both;">15</div> -->
		<!--这种方式清浮动后患太大,不好控制-->
		<h1 style="border: 1px solid green;clear: both;">
			we love java9
		</h1>
	</body>
</html>
